<template>
	<view class="content_all1s display displayColumn">
		
	
	<view class="content_card1 display ">
		<view class="card_left display  all_item" style="margin-left: 24rpx;">
			<img class="img" src="@/static/img/car-manage.png" alt="" />
		</view>
		<view class="card_right display  displayColumn">
			<view class="top display displaycenter_aliem">
				<span class="fontSize font_comm text1">新用户体验【D类洗车劵】</span>
			</view>
			<view class="bottom  display displaycenter_aliem">
				<span class="fontSize font_comm text2 ">￥29</span>
				<span class="fontSize font_comm text3 " style="margin-left: 12rpx;">￥59</span>
			</view>
		</view>
		
	</view>
	
	<!--线 -->
	<view class="wode_line "></view>
	<!-- 支付金额 -->
	<view class="cashMoney display  displaycenter_aliem">
		<span class="fontSize font_comm">支付金额</span>
		<span class="fontSize font_comm">￥29</span>
	</view>
	</view>
</template>



<style scoped lang="scss">
	.M-T-32{
		margin-top: 32rpx;
	}
	.M-B-32{
		margin-bottom: 32rpx;
	}
	.content_card1{
		width: 690rpx;
		height: 176rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.content_all1s{
		width: 690rpx;
		min-height: 176rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.img{
		width: 128rpx;
		height: 128rpx;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
	}
	.card_left{
		
		height: 100%;
	}
	.card_right{
		justify-content: space-around;
		margin-left: 16rpx;
		.top{
			margin-top: 15rpx;
		}
	}
	.text1{
		font-weight: 400;
		font-size: 28rpx;
		color: #000000;
	}
	.text2{
		font-weight: 600;
		font-size: 28rpx;
		color: #FF672D;
		
	}
	.text3{
		font-weight: 400;
		font-size: 24rpx;
		color: #8F8F8F;
		text-decoration: line-through;
	}
	.wode_line{
		width: 642rpx;
		height: 0rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		border: 2rpx solid #F6F6F6;
		margin-left: 24rpx;
		margin-top: 20rpx;
	}
	.cashMoney{
		height: 56rpx;
		margin-top: 20rpx;
		justify-content: space-between;
		padding-bottom: 24rpx;
		:nth-child(1){
			font-weight: 400;
			font-size: 24rpx;
			color: #000000;
			margin-left: 24rpx;
		}
		:nth-child(2){
			font-weight: 600;
			font-size: 28rpx;
			color: #FF672D;
			margin-right: 24rpx;
		}
	}
</style>